        *{     
            box-sizing: border-box;
         }
         body{
             margin: 0;
             /*overflow:hidden;*/
         }
        #half-one{
            margin: 0;
            background-color: #f6f6f6;
        }
        #header{
            /*width: 100%;*/
            height: 70px;
            background-image: url(head_bg.jpg);
            display: flex;
            color: white;
            justify-content: space-between;
            font-size:14px;
        }
        #headright span:nth-of-type(1){
            border-right: dotted 1px slategray ;
            padding: 0 10px;
        }
        #headright span:nth-of-type(2){
             padding: 0 10px;
        }
        #headright{
            margin-top: 10px;
        }
        .logo{
            margin: 12px 15px;
        }
        #nav{
            height: 60px;
            display: flex;
            justify-content:space-between;
            background-color: #f4f4f4;
            color: #666;
            font-weight: 550;
        }
        #nav ul{
            font-size: 19px;
            margin: 0;
            padding: 0;
            position: relative;
        }
        #nav ul li{
            display: inline-block;
            list-style: none;
            margin: 13px 2px;
            padding:5px 10px;
        }
        #first{
            margin-left:10px;
            padding-right: 30px;
        }
        #second{
             background-color: black;
            color: white;
            border-radius: 10%;
        }
        #nav ul li:hover{
            background-color: black;
            border-radius: 10%;
            color: white;
        }
        #first:hover{
            color:orange;
            background-color: #f4f4f4;
        }
        #nav ul  img{
            position: absolute;
            top:20px;
            left: 725px;
            width: 35px;
            height: 12px;
        }
        #enter{
            margin: 20px 0;
        }
        #enter span{
            padding:0 10px;   
        }
        #enter span:nth-of-type(1){
            border-right: dotted 1px slategray;
        }
        #banner{
            height: 450px;
            background-image: url(banner.jpg);
            /*width: 100%;*/
           
            background-position: 50% 50%;
        }
        #seek{
            border: solid 5px rgba(211, 211, 211, 0.2);
            width: 631px;
            height: 67px;
            /*position:absolute;*/
             position:relative;
            /*left: 35%; */
            margin: 0 auto;
            display: flex;
            top: 150px;
        }
        #text{
            flex-basis:90%;
            height: 57px;
            font-size:21px;
            padding-left: 20px; 
            color:rgba(211, 211, 211, 0.4);
            background-color: rgba(255, 255, 255, 0.9);
        }
        #tp{
            background-color: orange;
            flex-basis: 10%;
            height: 57px;
        }
        #tp img{
            padding: 10px 10px;
        }
        #more{
            margin: 0 auto;
            /*position: relative;*/
            width: 144px;
            height: 33px;
            margin-top: 260px;
            
        }
        #banner p{
            border: solid 1px white;
            
           
            /*top: 230px;
            left: 870px;*/
            color: white;
            font-size: 20px;
            text-align: center;
        }
        #combo{
             display: flex;
        }
        #combo ul li{
            flex-basis: 33%;
            padding: 10px;
        }
        #main{
           
            height:360px;
            width: 1263px;
            margin: 0 auto;
            
        }
        #combo ul{
            display: inline-block;
            list-style: none;
            display: flex;
            
        }
        .caption{
            font-size: 22px;
            font-weight: 600;
            text-align: center;
            color: slategray;
        }
        #combo ul li p{
            text-align: center;
            color:slategray;
        }
        #cost{
            font-size: 38px;
            font-weight: 500;
            color: slategrey;
            text-align: center;
        }
        #comobo ul li:nth-of-type(1){
              position: relative;
         }
        ul  img{
            position: relative;
            width: 20px;
            height: 8px;
            bottom: 180px;
            left: 237px;
        }
        #combo ul li:nth-of-type(2){
             position: relative;
        }
        #look{
            background-color: #FF8C00;
            padding: 10px 10px;
            width: 160px;
            height: 40px;
            border-radius: 5px;
            position: absolute;
            top:210px;
            left:125px;
        }
        #combo #main #look{
            color: white;
        }
        #look:hover{
            background-color: orange;
        }
        #half-two{
            width: 1263px;
            margin: 0 auto;
            margin-top: 70px;
        }
        #half-two ul{
            border-bottom: solid  2px black;
            font-size: 25px;
            display: flex;
            justify-content: space-between;
            padding: 0;
        }
        #half-two ul li{
            display: inline-block;
            list-style: none;
            color: slategray;
            padding: 15px 51px;
        }
        #half-two ul li:nth-of-type(1){
            color: red;
            position: relative;
        }
        #half-two ul li img{
            position: absolute;
            top: 15px;
            left:153px;
            width: 35px;
            height: 12px;
        }
        #half-two ul li:hover{
            background-color: black;
            color: white;
        }
        #use span{
            font-size: 25px;
            color: slategray;
            padding: 0 5px;
            margin-bottom: 15px;
        }
        #use{
            margin:30px 0;
            line-height: 70px; 
        }
        #picture{
            display: flex;
        }
        /*-------------------------------------------*/
        #main1 p span{
            margin: 46px 0;
            font-size:25px;
            line-height: 60px;
            color: slategray;
        }
        table{
            margin: 10px 0;
        }
        .grall{
            position: relative;
        }
        #main1 tr td .boxname{
            background-color: rgba(0, 0, 0, 0.6);
            position: absolute;
            bottom: 0;
            width: 418px;
            height: 45px;
            font-size: 20px;
            color: white;
            padding: 10px 20px;
        }
        .grall2{
            position: relative;
        }
        #main1 tr td .boxname1{
            background-color: rgba(0, 0, 0, 0.6);
            position: absolute;
            top:400px;
            width: 631px;
            height: 45px;
            font-size: 20px;
            color: white;
            padding: 10px 20px;
        }
        .grall3{
            position: relative;
        }
        .grall4{
            position: relative;
        }
        /*--------------------------------------------*/
        .last{
            position: relative;
            border-top: dotted 1px black;
            width: 974px;
            height: 200px;
            margin: 0 auto;
            display: flex;
            margin-top: 60px;
            font-size: 12px;
            color: #838383;
            padding-top: 20px;
            line-height: 22px; 
            overflow: hidden;
            height: 0 auto;
            border-top: 1px dashed #aaa;
            padding-top: 15px;
        }

        .last #left{
            flex-basis: 70%;
            border-right: solid 1px slategrey;
            display: flex;
            height: 144px;
        }
        .last .phone{
            float: right;
            flex-basis: 15%;
            /*border: solid 1px black;*/
            text-align: center;
            height: auto;
            /*overflow: hidden;*/
            width: 104px;
        }
        
        
        #box{
            background-image: url(footicon.png);
            width:40px;
            height: 32px;
            background-size:900% 100%;
        }
        .picture{
            background-position:  0 0 ;
        }
        .member{
            background-position:  -200% 0 ;
        }
        .buy{
            background-position:  -400% 0 ;
        }
        .firm{
            background-position:  300% 0 ;
        }
        .other{
            background-position:  100% 0 ;
        }
        #left ul li{
            list-style: none;
            
        }
        #left ul{
            margin: 0;
            padding-left: 5px;
            flex-basis: 20%;
        }
        .last span{
            font-weight: bold;
        }
        .last .phone span{
            display: block; 
            margin-bottom:10px;
            color: orange;
        }
        #bottom p{
            width: 974px;
            height: 35px;
            margin: 0 auto;
            font-size: 10px;
            color: #838383;
            padding-left: 25px;
        }
       
        
        
        
       